<%--
  Created by IntelliJ IDEA.
  User: tantaro
  Date: 2022/12/17
  Time: 21:35
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <title>商品销售</title>
    <link rel="stylesheet" href="./css/base.css" />
    <style>
        table{
            width: 1200px;
            border-collapse: collapse;
            margin: 0 auto;/*上下外边距为0，左右自动对齐（居中）*/
        }
        th,td{
            border: 1px solid rgb(161, 91, 91);
        }
        thead tr th{
            background-color: rgb(0, 0, 0);
            color: rgb(0, 0, 0);
        }
    </style>
</head>
<body>
<!-- 网页头部模块 -->
<div class="header">
    <ul>
        <li><a href="#">甜品商城后台</a></li>
        <li><a href="#">首页</a></li>
        <li><a href="#">查看商品</a></li>
        <li><a href="#">商品销售</a></li>
        <li><a href="#">商品评价</a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#">用户名</a></li>
        <li><a href="#">退出</a></li>
    </ul>
</div>
<!-- <div class="column_con"> -->
<div class="column">
    <ul>
        <li><a href="#" style="background-color: rgb(249, 221, 226);">全部订单</a></li>
        <li><a href="#">未付款</a></li>
        <li><a href="#">未完成</a></li>
        <li><a href="#">配送中</a></li>
        <li><a href="#">已完成</a></li>
    </ul>
</div>
<!-- </div> -->


<table>
    <!--第一行-->
    <tr>
        <th width="5%">ID</th>
        <th width="20%">商品详情</th>
        <th width="5%">用户</th>
        <th width="20%">收货地址</th>
        <th width="10%">商品总价</th>
        <th width="15%">订单状态</th>
        <th width="10%">下单时间</th>
        <th width="15%">操作</th>
    </tr>

    <!--第二行-->
    <tr>
        <td style="text-align: center;">10001</td>
        <td style="text-align: center;"><img src="./img/new_goods_1.jpg" height="80">海盐奥利奥蛋糕&nbsp;&nbsp;2磅</td>
        <td style="text-align: center;">bb</td>
        <td style="text-align: center;">黄埔区xx街道xx小区A3栋1005房</td>
        <td style="text-align: center;">498</td>
        <td style="text-align: center; color:red;">未完成</td>
        <td style="text-align: center;">2022年02月18日15:30</td>
        <td style="text-align: center;">
            <a class="btn btn-success" href="#" style="color:rgb(214, 91, 91);">发货</a>
            <a class="btn btn-warning" href="#" style="color:rgb(22, 96, 31);">完成</a>
            <a class="btn btn-danger" href="#" style="color:rgb(70, 12, 12);">删除</a>
        </td>
    </tr>

    <!--第三行-->
    <tr>
        <td style="text-align: center;">10002</td>
        <td style="text-align: center;"><img src="./img/new_goods_2.jpg" height="80">五彩缤纷马卡龙&nbsp;&nbsp;2盒</td>
        <td style="text-align: center;">zz</td>
        <td style="text-align: center;">黄埔区xx街道xx小区A3栋1008房</td>
        <td style="text-align: center;">200</td>
        <td style="text-align: center; color:green;">配送中</td>
        <td style="text-align: center;">2022年02月13日18:30</td>
        <td style="text-align: center;">
            <a class="btn btn-warning" href="#" style="color:rgb(22, 96, 31);">完成</a>
            <a class="btn btn-danger" href="#" style="color:rgb(70, 12, 12);">删除</a>
        </td>
    </tr>

    <!--第四行-->
    <tr>
        <td style="text-align: center;">10003</td>
        <td style="text-align: center;"><img src="./img/new_goods_4.jpg" height="80">日式美味舒芙蕾&nbsp;&nbsp;1个</td>
        <td style="text-align: center;">ww</td>
        <td style="text-align: center;">黄埔区xx街道xx小区A2栋905房</td>
        <td style="text-align: center;">99</td>
        <td style="text-align: center; color:rgb(214, 135, 39);">已完成</td>
        <td style="text-align: center;">2022年02月03日12:30</td>
        <td style="text-align: center;">
            <a class="btn btn-danger" href="#" style="color:rgb(70, 12, 12);">删除</a>
        </td>
    </tr>

    <!--第五行-->
    <tr>
        <td style="text-align: center;">10004</td>
        <td style="text-align: center;"><img src="./img/2.jpg" height="80">秋冬限定抹茶卷&nbsp;&nbsp;1个</td>
        <td style="text-align: center;">xx</td>
        <td style="text-align: center;">黄埔区xx街道xx小区A1栋1605房</td>
        <td style="text-align: center;">20</td>
        <td style="text-align: center; color:rgb(232, 220, 5)">未付款</td>
        <td style="text-align: center;">2022年12月24日11:30</td>
        <td style="text-align: center;">
            <a class="btn btn-remind" href="#" style="color:rgb(219, 83, 33);">提醒买家付款</a>
            <a class="btn btn-danger" href="#" style="color:rgb(70, 12, 12);">删除</a>
        </td>
    </tr>
</table>

</body>
</html>